<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<img src=premh.jpg center no-repeat /> 
</img>
<ul> 
<div id ="header"
</div>


<div id="nav-menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
<div>



<table>
<tr><td>Username:</td><td><input type="text" name="user"></td></tr>
<tr><td>Password:</td><td><input type="password" name="pass"></td></tr>
<tr><td></td><td><input type="submit" value="Submit"></td></tr>
</table>
<h1> WEB PORTAL JOB SEARCH</h1>



<style type="text/css">
ody {
  margin: 0;
  font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
  font-size: 14px;
  color: #5F6989;
  background-color: #fff;
  background-image: premh.jpg;
  background-position: top left;
  background-repeat: repeat-x;
}




#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
} 

 #nav-menu li
{
float: left;
margin: 0 0;
} 
 
ul a:hover {
color: #FFF;
}
#nav-menu li a
{
background: (premh.jpg) center no-repeat
height: 2em;
line-height: 2em;
float: left;
width: 9em;
display: block;
border: 0.1em solid #dcdce9;
color: #371C1C;
text-decoration: none;
text-align: center;
background-color: #33C;
color: #FFF;
}

#header {
  background: (premh.jpg) center no-repeat;
}
img.banner {position:absolute; z-index:1; width:100%; height:100%;}



</style>
</head>

















</div>
</header>
</head>
<body>

</body>
